<%@ include file="/common/taglibs.jsp"%>

<head>
<title><fmt:message key="formularioOirsDetail.title" /></title>
<meta name="heading"
	content="<fmt:message key='formularioOirs.ingreso'/>" />
</head>

<s:form id="formularioOirsForm" action="saveFormularioOirsExterno"
	method="post" validate="true">
	
	<li style="display: none"><s:hidden key="formularioOirs.id" /> <s:hidden
		key="formularioOirs.solicitante.id" /> <s:hidden
		key="formularioOirs.fechaIngreso" /> <s:hidden
		key="formularioOirs.estado.id" /></li>
		
	<table class="bordesimple center">
		<caption><s:text name="formularioOirs.datosSolicitante" /></caption>
		<tr>
			<td><s:textfield key="formularioOirs.solicitante.nombres"
				required="true" maxlength="100" cssClass="text medium" /></td>
			<td><s:textfield
				key="formularioOirs.solicitante.apellidoMaterno" required="true"
				maxlength="50" cssClass="text medium" /></td>
			<td><s:textfield
				key="formularioOirs.solicitante.apellidoPaterno" required="true"
				maxlength="50" cssClass="text medium" /></td>
		</tr>
		<tr>
			<td><s:textfield key="formularioOirs.solicitante.rut"
				required="true" maxlength="9" cssClass="text medium" /></td>
			<td><s:textfield key="formularioOirs.solicitante.dv"
				required="true" maxlength="1" cssClass="text small" /></td>
			<td><s:select list="sexos" key="formularioOirs.solicitante.sexo.id" required="true"
				emptyOption="true" listKey="id" listValue="descripcion"/>
		</tr>
	</table>

	<table class="bordesimple center">
		<caption><s:text name="formularioOirs.datosSolicitud" /></caption>
		<tr>
			<td>
				<s:select key="formularioOirs.tipoSolicitud.id"
					list="tipoSolicitudOirss" listKey="id" listValue="descripcion"
					emptyOption="true" required="true"/>
			</td>
			<td>
				<s:textfield key="formularioOirs.fechaIngreso"
					disabled="true" cssStyle="border:none"/>
			</td>
			<td>
				<s:textfield key="formularioOirs.estado.descripcion"
					disabled="true" cssStyle="border:none"/>
			</td>
		</tr>
		<tr>
			<td colspan="3">
				<s:textarea key="formularioOirs.mensaje"
					required="true" rows="4" cols="80" cssClass="text expandida"/>
			</td>
		</tr>
	</table>

	<table class="bordesimple center">
		<caption><s:text name="formularioOirs.informacionContacto" /></caption>		
		<tr>
			<td>
					<s:textfield key="formularioOirs.solicitante.telefono.numeroTelefonico"
						maxlength="10" cssClass="text medium" required="true"/>
			</td>
			<td colspan="3">
					<s:textfield key="formularioOirs.solicitante.correo.correoElectronico"
						maxlength="150" cssClass="text large"/>
			</td>
		</tr>
		<tr>
			<td>
					<s:textfield key="formularioOirs.solicitante.direccion.calle" 
						maxlength="50" cssClass="text medium" required="true"/>
			</td>
			<td>			
					<s:textfield key="formularioOirs.solicitante.direccion.numeroCalle"
						maxlength="10" cssClass="text small" required="true"/>
			</td>
			<td>		
					<s:textfield key="formularioOirs.solicitante.direccion.ciudad"
						maxlength="50" cssClass="text medium" required="true"/>
			</td>
			<td>
					<s:select key="formularioOirs.solicitante.direccion.comuna.id" emptyOption="true"
						list="comunas" listKey="id" listValue="descripcion" required="true"/>
			</td>
		</tr>
		<tr>
			<td>
						
					<s:textfield key="formularioOirs.solicitante.direccion.poblacion"
						maxlength="50" cssClass="text mediuma"/>
			</td>
			<td>		
					<s:textfield key="formularioOirs.solicitante.direccion.bloc"
						maxlength="8" cssClass="text small"/>
			</td>
			<td>	
					<s:textfield key="formularioOirs.solicitante.direccion.numeroDepartamento"
						maxlength="5" cssClass="text small"/>
			</td>
		</tr>	
		<tr>
			<td colspan="4">
					
			</td>
		</tr>
	</table>

	<li class="buttonBar bottom">
		<s:submit cssClass="button"	method="save" key="button.save" theme="simple" /> 
		<input type="button" class="button" value="<fmt:message key='button.cancel'/>"
			onclick="location.href='<c:url value="/"/>'" />
	</li>
	
</s:form>
<script type="text/javascript">
		function limpiateMuestrate(id){
			var index = 1;
			for(;index<=5;index++){
				document.getElementById("c"+index).value = "";
			}
			muestrate(id);
		}
	    function muestrate(id){	    	
	    	document.getElementById("1").style.display = "none";
	    	document.getElementById("2").style.display = "none";
	    	document.getElementById("3").style.display = "none";	    	
	    	document.getElementById(id).style.display = "inline";	    	
	    }
	    var seleccionado = "<s:property value="opcion"/>";
	    if(seleccionado!=""){
	    	muestrate(seleccionado);
	    }	    
	</script>
